@use './reset' as *;
@use './variables' as *;
@use './mixins' as *;

// 全局样式
:root {
  font-size: 16px;
}

// 移动端适配基准字体大小
html {
  font-size: 16px; // 基准值
}

// 防止页面过宽
body {
  max-width: 750px; // 最大宽度
  margin: 0 auto;
  font-size: 14px; // 设置默认字体大小
}

// 字体大小类
.font-sm {
  font-size: 12px !important;
}

.font-md {
  font-size: 14px !important;
}

.font-lg {
  font-size: 16px !important;
}

.font-xl {
  font-size: 18px !important;
}

// 移动端点击高亮
* {
  -webkit-tap-highlight-color: transparent;
}

// 滚动条美化
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
} 